<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学信网验证报告查询</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        ul li{
            list-style: none;
        }
        .big-box{
            width: 100%;
            height: 110px;
        }
        .context{
            width: 1200px;
            margin: 0 auto;
            height: 110px;
        }
        header{
            height: 110px;
            box-sizing:border-box;
            padding: 30px 0 20px 0;
        }
        .logo-box{
            width: 105px;
            height: 100%;
            float: left;
        }
        .header-title{
            width: 1095px;
            height: 100%;
            /* background-color: blue; */
            float: left;
            /* position: relative; */
            margin: auto 0;
        }
        .header-title p{
            color: #b3b8be;
            font-size: 14px;
        }
        .header-title p span:not(.not-float){
            float: right;
            width: 60px;
            text-align: center;
            border-right: 1px solid #f2f2f2;
        }
        .nav-box{
            width: 100%;
            height: 50px;
            background-color: #00bac7;
        }
        .nav-context{
            width: 1200px;
            height: 50px;
            margin: 0 auto;
            background-color: #00bac7;
        }
        nav{
            width: 1200px;
            line-height: 50px;
            color: #83dce2;
        }
        nav span{
            margin:0 9px;
        }
        .body-box{
            height: 725px;
            width: 100%;
        }
        .body-context{
            height: 725px;
            width: 1200px;
            margin: 0 auto;
        }
        .body-left{
            width: 225px;
            height: 725px;
            float: left;
            box-sizing: border-box;
            /* background-color: aqua; */
            border-right: 1px solid #f2f2f2;
            padding-top: 15px;
        }
        .body-left li{
            line-height: 50px;
            box-sizing: content-box;
            border-bottom:1px solid #f2f2f2;
            padding-left: 20px;
            color: #808889;
        }
        .body-left li a{
            text-decoration: none;
            color: #3a4747;
        }
        .body-left li:target{
            border-right:5px solid #00bac7;
            background-color: #fafbfb;
        }
        .body-left li:target a{
            color: #00bac7;
        }
        /* :target{scroll-margin-top:60px;} */
        .notice{
            height: 260px;
            box-sizing: border-box;
            padding-top: 35px;
        }
        .notice p{
            padding-top: 15px;
            height: 85px;
            /* background-color: red; */
            box-sizing: border-box;
            color: #3a4747;
            margin-bottom: 5px;
        }
        .body-right{
            width: 975px;
            height: 725px;
            float: left;
            box-sizing: border-box;
            /* background-color: brown; */
            padding: 35px 0 0 30px;
        }
        .inform{
            height: 110px;
            background-color: #fff9f5;
            padding:15px 90px 0 90px;
        }
        .inform h4{
            color:#eb853a;
            text-align:center;
        }
        .inform p{
            margin-top: 5px;
            text-align: center;
            font-size:14px;
        }
        .yzm{
            height: 225px;
            /* background-color: aqua; */
            box-sizing: border-box;
            padding-top: 35px;
            position: relative;
        }
        button{
            padding-block:0;
            padding-inline:0;
        }
        .yzm > p{
            height: 190px;
            width: 270px;
            float: left;
            /* position: absolute; */
        }
        .yzm > p span{
            left: 130px;
            top: 45px;
            color: #989fa0;
            position:absolute;
        } 
        .yzm div{
            height: 190px;
            width: 485px;
            float: left;
            box-sizing: border-box;
            /* position: absolute; */
        }
        .yzm div input{
            box-sizing: border-box;
            border:1px solid #ccd0d3;
            width: 390px;
            height: 45px;
            border-radius: 5px 0 0 5px;
        }
        .yzm div button{
            width: 95px;
            height: 45px;
            border-radius: 0 5PX 5PX 0;
            color: white;
            background-color: #00bac7;
            border: none;
            text-align: center;
        }
        .yzm div p{
            margin-top:20px;
            font-size: 14px;
            color: #ccd0d3;
        }
        .under-line{
            height: 0px;
            width: 15px;
            border: 1px solid #00bac7;
            position: relative;
            left: 38px;
        }
        .support ol li{
            padding-left: 25px;
            line-height: 60px;
            list-style-position: inside;
            color:#b0b6bb
        }
        .diploma{
            height: 55px;
        }
        .diploma > div{
            float: left;
            line-height: 60px;
            width: 425px;
            text-align: center;
            background-color: #ecf7ff;
        }
        .footer-box{
            width: 100%;
            height: 140px;
            background-color: #403e3f;
        }
        footer{
            width: 1200px;
            margin: 0 auto;
            height: 140px;
            background-color: #403e3f;
        }
        footer > ul{
            width: 1200px;
            box-sizing: border-box;
            line-height: 70px;
            margin-top: 25px;
        }
        footer ul li{
            width: 130px;
            line-height:70px;
            color: #9a9999;
            text-align: center;
            float: left;
            font-size: 18px;
        }
        .legal-footer div{
            float: left;
            box-sizing:border-box;
            height: 70px;
            padding-left: 40px;
            color: #9a9999;
        }
        .middle-context{
            width: 400px;
            padding:0 25px !important;
            border: 1px solid #5f5d5e;
            border-top:none;
            border-bottom:none;
        }
        .back-top{
            width: 45px;
            height: 45px;
            border: 1px solid #8b939b;
            text-align: center;
            color: #8b939b;
            position: fixed;
            top: 75%;
            right: 10%;
            background-color: #f6f6f6;
            border-radius: 5px;
        }
    </style>
</head>
<body>
    <!--标题-->
    <div class="big-box">
        <div class="context">
            <header>
                <div class="logo-box">
                    <img style="width: 95px;" src="./images/xxwlogo.png">
                </div>
                <div class="header-title">
                    <h2>中国高等教育学生信息网(学信网)</h2>
                    <P>
                        <span class="not-float">教育部学历查询网站、教育部高校招生阳光工程指定网站、全国硕士研究生招生报名和调剂指定网站</span>
                        <span style="border-style: none;">English</span>
                        <span>登录</span>
                        <span>注册</span>
                    </P>
                </div>
            </header>
        </div>
    </div>
    <!--导航-->
    <div class="nav-box">
        <div class="nav-context">
            <nav>
                <span>首页</span>
                <span>学籍查询</span>
                <span>学历查询</span>
                <span>学位查询</span>
                <span>在线验证</span>
                <span>出国教育背景信息服务</span>
                <span>图像校对</span>
                <span>学信档案</span>
                <span>高考</span>
                <span>研招</span>
                <span>港澳台招生</span>
                <span>征兵</span>
                <span>就业</span>
                <span>学职平台</span>            
            </nav>
        </div>
    </div>
    <!--主体内容-->
    <div class="body-box">
        <div class="body-context">
            <ul class="body-left">
                <li id="yz"><a href="#yz">在线验证</a></li>
                <li id="yzbg"><a href="#yzbg">验证报告介绍</a></li>
                <li id="fwcs"><a href="#fwcs">防伪措施</a></li>
                <li id="yzzw"><a href="#yzzw">验证真伪</a></li>
                <li id="tdyt"><a href="#tdyt">特点和用途</a></li>
                <li id="rhsq"><a href="#rhsq">如何申请</a></li>
                <li id="rhsy"><a href="#rhsy">如何使用</a></li>
                <li id="ycyz"><a href="#ycyz">延长验证有效期</a></li>
                <li id="tbsm"><a href="#tbsm">特别声明</a></li>
                <div class="notice">
                    <h2 style="color:#9ca2a9;">重要告知</h2>
                    <p>关于调整学籍/学历/学位在线验证报告翻译件和学位认证报告翻译件的说明</p>
                    <span style="color: #9ca2a9;">2023-05-18</span>
                </div>
            </ul>
            <div class="body-right">
                <h2 style="color: #2a3839; font-weight: 500;margin-bottom: 50px;">学籍/学历/学位在线查询验证报告</h2>
                <div class="inform">
                    <h4> 关于免费申请学籍、学历电子验证报告的温馨提示</h4>
                    <p>为贯彻落实国务院常务会议精神，方便群众办事，减轻群众负担，自2018年1月1日起，学信网将对《教育部学籍在线检证报告》及《教育部学历证书电子注册备案表》提供免费申请服务</p>
                </div>
                <div class="yzm">
                    <p><span>报告中的在线验证</span></p>
                    <div>
                        <input type="search"><button>登录</button>
                        <p>2019年3月15日起，新申请的《教育部学籍在线验证报告》及《教育部学历证书电子注册备案表》的在线验证码升级为16位</p>
                        <p>2025年3月27日起，启用新版《教育部学籍在线验证报告》.点此查看新旧版<span style="color: aqua;">新旧教程样式对比</span>。</p>
                    </div>
                </div>
                <div class="support">
                    <h3 style="color: #4b5758;">提供的验证</h3>
                    <div class="under-line"></div>
                    <ol>
                        <li>《教育部学籍在线验证报告》（含中文版和翻译件（英文））</li>
                        <li>《教育部学历证书电子注册备案表》 （含中文版和翻译件（英文））</li>
                        <li>《中国高等教育学位在线验证报告》（含中文版和翻译件（英文））</li>
                    </ol>
                    <div class="diploma">
                        <div>
                            国内学历认证报告查询 >
                        </div>
                        <p style="width: 45px; height: 60px;float: left;"></p>
                        <div>
                            国内学位认证报告查询 >
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--页脚-->
    <div class="footer-box">
        <footer>
            <ul>
                <li>中心介绍</li>
                <li>网站介绍</li>
                <li>版权声明</li>
                <li>网站宣传</li>
                <li>联系我们</li>
                <li>招聘信息</li>
                <li>帮助中心</li>
                <li>学信网十周年</li>
                <li>大事记</li>
            </ul>
            <divc class="legal-footer">
                <div style="width: 350px;">
                    <p>客服热线: 010-67410388</p>
                    <p>客服邮箱: kefu@chsi.com.cn</p>
                </div>

                <div class="middle-context">
                    <p>主办单位：教育部学生服务与素质发展中心</p>
                    <p>Copyright@2003-2025学信网ARightsReserved </p>
                </div>
                <div style="width: 350px;">
                    <p>京ICP备19004913号-1</p>
                    <p>
                        <img width="15px" src="./images/company.png">
                        京公网安备11010202009747号
                    </p>
                </div>
            </div>
        </footer>
    </div> 
    <!--返回首页-->
    <div class="back-top">
        <p>返回顶部</p>
    </div>
</body>
</html>